﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Hoteles.Master" AutoEventWireup="true" CodeBehind="Perfil.aspx.cs" Inherits="HotelesWeb.Perfil" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="Content/Styles/Propios/perfil.css" rel="stylesheet" />
    <script src="Scripts/Propios/perfil.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Cuerpo" runat="server">
    <div id="content-perfil">
        <div id="acordeon-perfil">
            <h3>Mi perfil</h3>
            <div id="datos-perfil">
                <table>
                    <tr>
                        <td>Nombre usuario</td>
                        <td id="nombre-usuario-perfil"></td>
                    </tr>
                    <tr>
                        <td>Nombre</td>
                        <td id="nombre-perfil"></td>
                    </tr>
                    <tr>
                        <td>Direccion</td>
                        <td id="direccion-perfil"></td>
                    </tr>
                    <tr>
                        <td>Email</td>
                        <td id="email-perfil"></td>
                    </tr>
                    <tr>
                        <td>Fecha nacimiento</td>
                        <td id="fecha-nacimiento-perfil"></td>
                    </tr>
                    <tr>
                        <td>Telefono</td>
                        <td id="telefono-perfil"></td>
                    </tr>
                </table>
                <div id="acciones-mi-perfil">
                    <button id="boton-modificar-perfil">Modificar datos</button>
                    <button id="boton-baja-perfil">Darse baja</button>
                    <button id="boton-cambiar-pass-perfil">Cambiar contraseña</button>
                </div>
            </div>
            <h3>Mis reservas</h3>
            <div id="reservas-perfil">
                
            </div>
        </div>
    </div>

     <div id="dialogo-modificar-pass" title="Cambiar contraseña">
         <table class="form-pefil">
            <tr>
                <td>Antigua contraseña</td>
                <td><input type="password" id="pass-antigua"/></td>
            </tr>
            <tr>
                <td>Nueva contraseña</td>
                <td><input type="password" id="pass-nueva"/></td>
            </tr>
            <tr>
                <td>Repetir contraseña</td>
                <td><input type="password" id="pass-nueva-repetida"/></td>
            </tr>
         </table>           
     </div>

     <div id="dialogo-modificar-perfil" title="Modificar datos">
        <table class="form-pefil">
            <tr>
                <td>Nombre</td>
                <td><input type="text" id="nombre-modificar-perfil"/></td>
            </tr>
            <tr>
                <td>Primer Apellido</td>
                <td><input type="text" id="apellido1-modificar-perfil"/></td>
            </tr>
            <tr>
                <td>Segundo Apellido</td>
                <td><input type="text" id="apellido2-modificar-perfil"/></td>
            </tr>
            <tr>
                <td>Dirección</td>
                <td><input type="text" id="direccion-modificar-perfil"/></td>
            </tr>
            <tr>
                <td>Población</td>
                <td><input type="text" id="poblacion-modificar-perfil"/></td>
            </tr>
            <tr>
                <td>Provincia</td>
                <td><input type="text" id="provincia-modificar-perfil"/></td>
            </tr>
            <tr>
                <td>Email</td>
                <td><input type="text" id="email-modificar-perfil"/></td>
            </tr>
            <tr>
                <td>Fecha nacimiento</td>
                <td><input type="text" id="fecha-nacimiento-modificar-perfil"/></td>
            </tr>
            <tr>
                <td>Telefono</td>
                <td><input type="text" id="telefono-modificar-perfil"/></td>
            </tr>
        </table>
    </div>
</asp:Content>
